<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html">
    <ui:composition template="/WEB-INF/facelets/template.xhtml">
        <ui:define name="content">
            <p:panel header="Registro exitoso!!!!">
                El agente <h:outputText value="#{wiz.nombre} #{wiz.apellido_paterno} #{wiz.apellido_materno}"/> 
                se ha dado de alta en el sistema.
                <p:panelGrid style="margin-top:20px">  
                    <f:facet name="header">  
                        <p:row>  
                            <p:column colspan="7">Agregar informacion personalizada</p:column>  
                        </p:row>  

                    </f:facet>  

                    <p:row>  
                        <p:column style="font-weight: bold;">
                            <h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="Arrestos">     
                                <p:graphicImage value="/img/arrestos.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column>  
                        <p:column style="font-weight: bold;">
                            <h:outputLink id="loginLink1" value="javascript:void(0)" onclick="dlg1.show()" title="Cursos">     
                                <p:graphicImage value="/img/cursos.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column>  

                        <p:column rowspan="2" style="font-weight: bold;">
                            <h:outputLink id="loginLink2" value="javascript:void(0)" onclick="dlg2.show()" title="Armas">     
                                <p:graphicImage value="/img/armas.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column>  
                        <p:column rowspan="2" style="font-weight: bold;">
                            <h:outputLink id="loginLink3" value="javascript:void(0)" onclick="dlg3.show()" title="Sanciones">     
                                <p:graphicImage value="/img/sanciones.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column> 
                        <p:column rowspan="2" style="font-weight: bold;">
                            <h:outputLink id="loginLink4" value="javascript:void(0)" onclick="dlg4.show()" title="Escolaridad">     
                                <p:graphicImage value="/img/school.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column> 
                        <p:column rowspan="2" style="font-weight: bold;">
                            <h:outputLink id="loginLink5" value="javascript:void(0)" onclick="dlg5.show()" title="Incapacidades">     
                                <p:graphicImage value="/img/incapacitado.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column>
                        <p:column rowspan="2" style="font-weight: bold;">
                            <h:outputLink id="loginLink6" value="javascript:void(0)" onclick="dlg6.show()" title="Ascensos">     
                                <p:graphicImage value="/img/ascensos.png" width="50" height="50"/>  
                            </h:outputLink>
                        </p:column> 


                    </p:row>  
                </p:panelGrid>
            </p:panel>

            <!-- Sección informacion adecional de cada agente u oficial-->
            <!-- Arrestos -->
            <p:dialog id="modalDialog" header="Arrestos" widgetVar="dlg" modal="true" height="400" width="400">  
                <h:form>
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <f:facet name="header">

                        </f:facet>
                        <h:outputText value="Motivo:" /> <p:inputText value="#{wiz.arrestos.causa}"/>
                        <h:outputText value="Horas:" /> <p:inputText value="#{wiz.arrestos.horas}"/>
                        <h:outputText value="Fecha: " /> <p:calendar value="#{wiz.arrestos.fecha}" id="popupArres" /> 

                        <f:facet name="footer">
                            <p:commandButton value="Agregar"  ajax="false"/>
                            <p:commandButton value="Eliminar"  ajax="false"/>
                        </f:facet>

                    </h:panelGrid>

                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>

            <!-- Cursos-->
            <p:dialog id="modalDialog1" header="Cursos" widgetVar="dlg1" modal="true" height="400" width="400">  
                <h:form>
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <f:facet name="header">

                        </f:facet>
                        <h:outputText value="Nombre del curso: " /> <p:inputText value="#{wiz.cursos.nombre_curso}" />
                        <h:outputText value="Aprobado: " /> <p:inputText value="#{wiz.cursos.aprobacion}" />
                        <h:outputText value="Horas:" /> <p:inputText value="#{wiz.cursos.horas}" />
                        <h:outputText value="Fecha: " /> <p:calendar value="#{wiz.cursos.fecha}" id="popupCursos" /> 
                        <f:facet name="footer">
                            <p:commandButton value="Agregar"  ajax="false"/>
                            <p:commandButton value="Eliminar"  ajax="false"/>
                        </f:facet>
                    </h:panelGrid>
                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>

            <!-- Armas -->
            <p:dialog id="modalDialog2" header="Armas" widgetVar="dlg2" modal="true" height="400" width="400">  
                <h:form>
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <f:facet name="header">

                        </f:facet>
                        <h:outputText value="Arma de cargo:" /> <p:inputText value="#{wiz.arma.nombre}"/>
                        <h:outputText value="Calibre:" />
                        <p:selectOneMenu  id="selCalibre" value="#{wiz.arma.calibre}" required="true" label="Marca">
                            <f:selectItem noSelectionOption="elige" itemLabel="Seleciona el calibre"/>
                            <f:selectItem  itemLabel="9mm" itemValue="9mm"/>
                            <f:selectItem  itemLabel="2.23mm" itemValue="2.23mm"/>
                            <f:selectItem  itemLabel="37mm" itemValue="37mm"/>
                            <f:selectItem  itemLabel="37/38mm" itemValue="37/38mm"/>
                            <f:selectItem  itemLabel="5.56 x 45mm" itemValue="5.56 x 45mm"/>
                            <f:selectItem  itemLabel="12 GA" itemValue="12 GA"/>
                            <f:selectItem  itemLabel="9 x 19mm" itemValue="9 x 19mm"/>
                        </p:selectOneMenu>
                        

                        <h:outputText value="Marca: " /> 
                        <p:selectOneMenu  id="selMarca" value="#{wiz.arma.marca}" required="true" label="Marca">
                            <f:selectItem noSelectionOption="elige" itemLabel="Seleciona la marca"/>
                            <f:selectItem  itemLabel="Bereta " itemValue="Bereta"/>
                            <f:selectItem  itemLabel="Pietro Bereta" itemValue="Pietro Bereta"/>
                            <f:selectItem  itemLabel="Heckler and Koch" itemValue="Heckler And Koch"/>
                            <f:selectItem  itemLabel="Colt" itemValue="Colt"/>
                            <f:selectItem  itemLabel="Stoeger" itemValue="Stoeger"/>
                            <f:selectItem  itemLabel="Mossberg" itemValue="Mossberg"/>
                            <f:selectItem  itemLabel="UZI" itemValue="UZI"/>
                            <f:selectItem  itemLabel="Combined Systems" itemValue="Conbined Systems"/>
                            <f:selectItem  itemLabel="58W" itemValue="58W"/>
                        </p:selectOneMenu>

                        <h:outputText value="Modelo:" /> 
                        <p:selectOneMenu  id="selModelo" value="#{wiz.arma.modelo}" required="true" label="Marca">
                            <f:selectItem noSelectionOption="elige" itemLabel="Seleciona la modelo"/>
                            <f:selectItem  itemLabel="PX4-Storm" itemValue="PX4-Storm"/>
                            <f:selectItem  itemLabel="90 Two" itemValue="90 Two"/>
                            <f:selectItem  itemLabel="8000 Cougar" itemValue="8000 Gougar"/>
                            <f:selectItem  itemLabel="ARX 160" itemValue="ARX 169"/>
                            <f:selectItem  itemLabel="AR 15" itemValue="AR 15"/>
                            <f:selectItem  itemLabel="500 A" itemValue="500 A"/>
                            <f:selectItem  itemLabel="HK" itemValue="HK"/>
                            <f:selectItem  itemLabel="G36 V" itemValue="G36 V"/>
                            <f:selectItem  itemLabel="SP 312" itemValue="SP 312"/>
                            <f:selectItem  itemLabel="Target" itemValue="Target"/>
                            <f:selectItem  itemLabel="21" itemValue="21"/>
                            <f:selectItem  itemLabel="276" itemValue="276"/>
                            <f:selectItem  itemLabel="TL1" itemValue="TL1"/>
                            <f:selectItem  itemLabel="SCP 70/90" itemValue="SCP 70/90"/>
                            <f:selectItem  itemLabel="MP5 Semiautomatico" itemValue="MP5 Semiautomatico"/>
                        </p:selectOneMenu>
                        
                        <h:outputText value="Matricula:" /> <p:inputText value="#{wiz.arma.matricula}"/>

                        <f:facet name="footer">
                            <p:commandButton value="Agregar"  ajax="false"/>
                            <p:commandButton value="Eliminar"  ajax="false"/>
                        </f:facet>

                    </h:panelGrid>
                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>

            <!-- Sanciones -->
            <p:dialog id="modalDialog3" header="Sanciones" widgetVar="dlg3" modal="true" height="400" width="400">  
                <h:form>

                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>

            <!-- Escolaridad -->
            <p:dialog id="modalDialog4" header="Escolaridad" widgetVar="dlg4" modal="true" height="500" width="500">  
                <h:form>
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <f:facet name="header">

                        </f:facet>
                        <h:outputText value="Folio: " /> <p:inputText value="#{wiz.escolaridad.folio}" />
                        <h:outputText value="Grado academico: " /> <p:inputText value="#{wiz.escolaridad.grado_academico}" />
                        <h:outputText value="Institucion que expide:" /> <p:inputText value="#{wiz.escolaridad.instituto_expedicion}" />
                        <h:outputText value="Certificado: " /> <p:inputText value="#{wiz.escolaridad.cetificado}" />
                        <h:outputText value="Promedio:" /> <p:inputText value="#{wiz.escolaridad.promedio}" />
                        <h:outputText value="Titulo:" /> <p:inputText value="#{wiz.escolaridad.titulo}" />
                        <h:outputText value="Fecha termino: " /> <p:calendar value="#{wiz.escolaridad.fecha_termino}" id="popupTer" /> 
                        <f:facet name="footer">
                            <p:commandButton value="Agregar"  ajax="false"/>
                            <p:commandButton value="Eliminar"  ajax="false"/>
                        </f:facet>
                    </h:panelGrid>

                    <h:dataTable  id="tbEven" border="2" cellpadding="5">
                        <f:facet name="header">
                            <h:outputText value="Incapacidades registradas " />
                        </f:facet> 
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Grado academico"/>
                            </f:facet>
                            <h:outputText value="Aki va la fecha"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Institucion"/>
                            </f:facet>
                            <h:outputText value="Dias incapacidad"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Certificado"/>
                            </f:facet>
                            <h:outputText value="Motivos de la incapacidad"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Promedio"/>
                            </f:facet>
                            <h:outputText value="Motivos de la incapacidad"/>
                        </h:column>

                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Operacion" styleClass="evento"/>
                            </f:facet>
                            <p:commandButton value="Seleccionar" styleClass="search-buscar" action="case3" ajax="false"/>
                        </h:column>
                    </h:dataTable> 
                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>

            <!-- Incapacidades -->
            <p:dialog id="modalDialog5" header="incapacidades" widgetVar="dlg5" modal="true" height="400" width="400">  
                <h:form>
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <f:facet name="header">

                        </f:facet>

                        <h:outputText value="Dias:" /> <p:inputText value="#{wiz.incapa.dias}" />
                        <h:outputText value="Fecha: " /> <p:calendar value="#{wiz.incapa.fecha}" id="popupInca"/> 
                        <h:outputText value="Causas:" /> <p:inputText value="#{wiz.incapa.causa}" />
                        <f:facet name="footer">
                            <p:commandButton value="Agregar"  ajax="false"/>
                            <p:commandButton value="Eliminar"  ajax="false"/>
                        </f:facet>
                    </h:panelGrid>
                    <h:dataTable  id="tbEven" border="2" cellpadding="5">
                        <f:facet name="header">
                            <h:outputText value="Incapacidades registradas " />
                        </f:facet> 
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Fecha"/>
                            </f:facet>
                            <h:outputText value="Aki va la fecha"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Dias incapacitado"/>
                            </f:facet>
                            <h:outputText value="Dias incapacidad"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Causa"/>
                            </f:facet>
                            <h:outputText value="Motivos de la incapacidad"/>
                        </h:column>

                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Ope" styleClass="evento"/>
                            </f:facet>
                            <h:commandButton value="Eliminar" styleClass="search-buscar" action="case3"/>
                        </h:column>
                    </h:dataTable>
                </h:form>
                <h:outputText value="This is a Modal Dialog." />  
            </p:dialog>
        </ui:define>
    </ui:composition>

</html>
